

       
  <table class="table table-striped table-dark table-bordered">
    <thead class="thead-dark">
            <tr>
              <th scope="col">#</th>
              <th scope="col">标题</th>
              <th scope="col">概括</th>
              <th scope="col">图片</th>
              <th scope="col">详细内容</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let s of ss" >
              <th scope="row">1</th>
              <td>{{s.title}}</td>
              <td>{{s.summary}}</td>
              <td>
                  <img src="{{s.img}}" width="200" height="200"/>
              </td>
              <td>{{s.detail}}</td>
              
      
            
    <td>
      <button class="btn btn-outline-warning" (click)="editSinglepage(s.singlepageid)">修改</button>
      <button class="btn btn-outline-danger" (click)="deleteSinglepage(s.singlepageid)">删除</button>
    </td>
  </tr>
</table>



<div class="card-foot ">
  <nav aria-label="Page navigation example">
      <ul class="pagination justify-content-end">
        <li class="page-item"><a class="page-link" href="#">上一页</a></li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item"><a class="page-link" href="#">2</a></li>
        <li class="page-item"><a class="page-link" href="#">3</a></li>
        <li class="page-item"><a class="page-link" href="#">下一页</a></li>
      </ul>
    </nav>
    </div>
    <button type="button" class="btn btn-outline-primary btn-lg btn-block" (click)="addSinglepage()">添加</button>



